<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>
<template>
    <div>
        <span v-if="row.express_type==1" style="display: block;margin-bottom: 1rem;color: rgba(40,123,211,.91);">配送方式：物流发货（收货信息）：{{row.address_text}}&nbsp;&nbsp;&nbsp;&nbsp;{{row.address_moble}}&nbsp;&nbsp;&nbsp;&nbsp;{{row.address_user_name}}</span>
        <span v-if="row.express_type==2" style="display: block;margin-bottom: 1rem;color: rgba(40,123,211,.91);">配送方式：到店自提</span>
    <Table
            ref="selection"
            :columns="columns"
            :data="list"

    ></Table>
    </div>
<!--    <div>
        <Row class="expand-row">
            <i-col span="8">
            <span class="expand-key">Job: </span>
            <span class="expand-value">{{ row.job }}</span>
            </i-col>
            <i-col span="8">
            <span class="expand-key">Interest: </span>
            <span class="expand-value">{{ row.interest }}</span>
            </i-col>
            <i-col span="8">
            <span class="expand-key">Birthday: </span>
            <span class="expand-value">{{ row.birthday }}</span>
            </i-col>
        </Row>
        <Row>
            <i-col span="8">
            <span class="expand-key">Favorite book: </span>
            <span class="expand-value">《{{ row.book }}》</span>
            </i-col>
            <i-col span="8">
            <span class="expand-key">Favorite movie: </span>
            <span class="expand-value">{{ row.movie }}</span>
            </i-col>
            <i-col span="8">
            <span class="expand-key">Favorite music: </span>
            <span class="expand-value">{{ row.music }}</span>
            </i-col>
        </Row>
    </div>-->
</template>
<script>
    export default {
        props: {
            row: Object
        },
        data () {
            return {
                columns: [
                    {
                        title: '商品ID',
                        key: 'product_id'
                    },
                    {
                        title: '封面图',
                        key: 'cover_img',
                        render: (h, params) => {
                            return h('Avatar', {
                                attrs: {
                                    src: params.row.cover_img
                                }
                            });
                        }
                    },
                    {
                        title: '商品名称',
                        key: 'product_name_full'
                    },
                    {
                        title: '购买数量',
                        key: 'buy_num'
                    },
                    {
                        title: '单价',
                        key: 'unit_money'
                    },
                    {
                        title: '总价',
                        key: 'p_total_money'
                    }
                ],
                list: this.row.product_list
            };
        }
    };
</script>
